<template>
	<view>
		<u-mask :show="maskShow" :custom-style="{ background: 'rgba(255, 255, 255, 0.1)' }">
			<view class="mask-warp">
				<u-loading mode="flower" size="40"></u-loading>
				{{ maskShow }}
			</view>
		</u-mask>
	</view>
</template>

<script>
export default {
	name: 'mask',
	props: {
		maskShow: {
			type: [Boolean, String],
			default: true
		}
	},
	data() {
		return {};
	},
	created(e) {
		console.log(e);
	},
	methods: {}
};
</script>

<style lang="scss">
.mask-warp {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
</style>
